<@>layout("/common/default.html"){
<!-- 顶部开始 -->
<style>
    .layui-nav
    .layui-nav-child dd:hover ul {
        display: block;
        position: absolute;
        top: 0px;
        left: 76px;
        background: #fff;
        box-shadow: 0 2px 4px rgba(0, 0, 0, 12);
        border: 1px solid #fff;
        border-radius: 2px;
    }

    .layui-nav
    .layui-nav-child dd ul {
        display: none;
    }

    .layui-nav
    .layui-nav-child dd ul a:hover {
        background: #F0F0F0
    }

    .page-content {
        left: 0px
    }

    .layui-nav
    .layui-this:after,
    .layui-nav-bar,
    .layui-nav-tree
    .layui-nav-itemed:after {
        background-color: white !important;
    }
</style>
<div class="container">
    <ul class="layui-nav" id="nav" lay-filter="">
        <div class="logo"><a href="${ctxPath}/index">
            ${@com.leonzx.base.utils.TitleNameConstants.INDEX_NAME}
        </a></div>
        <#menu val="${menus}" ctx="${ctxPath}" top="1"></#menu>
        <li class="layui-nav-item" style="float: right">
            <a href="javascript:void(0);">${shiro.getUser().name}</a>
            <dl class="layui-nav-child"> <!-- 二级菜单 -->
                <dd>
                    <a onclick="x_admin_show('个人信息','${ctxPath}/userpermission/user/edit?id=${shiro.getUser().id}',400,260 )">个人信息</a>
                </dd>
                <dd>
                    <a onclick="x_admin_show('主题设置','${ctxPath}/theme/edit', 400, 200)">主题设置</a>
                </dd>
                <dd><a href="${ctxPath}/logout">退出</a></dd>
            </dl>
        </li>
    </ul>
</div>
<!-- 右侧主体开始 -->
<div class="page-content">
    <div class="layui-tab tab" lay-filter="xbs_tab" lay-allowclose="false">
        <ul class="layui-tab-title">
            <li class="home"><i class="layui-icon">&#xe68e;</i>首页</li>
        </ul>
        <div class="layui-tab-content">
            <div class="layui-tab-item layui-show">
                <!--<iframe src='./welcome.jsp' frameborder="0" scrolling="yes" class="x-iframe"></iframe>-->
            </div>
        </div>
    </div>
</div>
<div class="page-content-bg"></div>
<!-- 右侧主体结束 -->
<!-- 中部结束 -->
<!-- 底部开始 -->
<div class="footer">
    <div class="copyright">Copyright ©2018 力鸿智信（北京）科技有限公司</div>
</div>
<script>
    var ip = '${serviceIp}';
    var port = '${port}';
    var password = '';
    var username = '${shiro.getUser().username}';
    var name = '${shiro.getUser().name}';
    var userId = '${shiro.getUser().id}';

    $(function () {
        indexMenus();//初始化加载即时通讯弹出层
        initLayIm('${ctxPath}', userId, ip, port, username, password, name);//初始化即时通讯事件
    });
</script>
<@>}